<%@ page pageEncoding="UTF-8" %>
&nbsp;&nbsp;&nbsp;&nbsp;<label> <input type="radio" id="estadocivil" name="estadocivil" value="Solteiro(a)">Solteiro(a)</input> </label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;<label> <input type="radio" id="estadocivil" name="estadocivil" value="Casado(a)">Casado(a)</input> </label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;<label> <input type="radio" id="estadocivil" name="estadocivil" value="União Estável">União Estável</input> </label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;<label> <input type="radio" id="estadocivil" name="estadocivil" value="Separado(a)">Separado(a)</input> </label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;<label> <input type="radio" id="estadocivil" name="estadocivil" value="Divorciado(a)">Divorciado(a)</input> </label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;<label> <input type="radio" id="estadocivil" name="estadocivil" value="Viúvo(a)">Viúvo(a)</input> </label> <br />
&nbsp;&nbsp;&nbsp;&nbsp;<label> <input type="radio" id="estadocivil" name="estadocivil" value="Outros"></input>  </label>
<input type="text" id="estadociviloutros" name="estadociviloutros" value="Outros - Escreva"></input> <br />
<script>
    $('input[name=estadocivil]').click(function(){if(this.value!='Outros'){$('#estadociviloutros').val('Outros - Escreva');}else{$('#estadociviloutros').val('')}});
    $('#estadociviloutros').click(function(){$('#estadociviloutros').val('');$('input[name=estadocivil][value=Outros]').attr('checked','checked');});
</script>
